<!DOCTYPE html>
<html lang="zh-CN">

	<head>
		<meta name="super-H" content="QQ853007191" />
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<meta charset="utf-8" />

		<link rel="stylesheet" type="text/css" href="fonts/font-awesome/css/font-awesome.css">
		<link rel="stylesheet" href="css/bootstrap.min.css"/>
		<link rel="stylesheet" href="css/style.css"/>

		<!--<link rel="stylesheet" href="css/2.css"/>-->
		<link rel="stylesheet" type="text/css" href="http://www.jq22.com/jquery/bootstrap-3.3.4.css">
		<link rel="stylesheet" type="text/css" href="boots/reset.css" />
		<link rel="stylesheet" type="text/css" href="boots/index2.css" />
		<script src="http://www.jq22.com/jquery/jquery-1.7.1.js"></script>
		<script src="bootsjs/unified2.js" type="text/javascript" charset="utf-8"></script>
		<title>个人简历</title>
	</head>

	<body onmousemove="" ontouchstart="" data-spy="scroll">

		<nav id="mainNav" class="navbar navbar-default navbar-fixed-top hc-top-up">
			<div class="container-fluid">
				<a href="javascript:void(0)" class="hc-logobox">
					<!--<h2>黄凤珍</h2>-->
					<img src="img/img/黄凤珍个人简历的图标.png" />
				</a>

				<div class="navbar-right hc-contact p768">
					<a href="tencent://message/?uin=853007191;Site=Sambow&amp;Menu='yes'">QQ</a>
					<a href="tel:18207672397">电话</a>
				</div>
				<div id="oiBtn" class="hc-oi p1100">
					<em></em>
				</div>

				<ul id="navBox" class="nav navbar-nav navbar-right hc-navbox">
					<li>
						<a class="nav-on" href="#banner">首页</a>
						<a class="nav-off" href="#banner">首页</a>
					</li>

					<li>
						<a class="nav-on" href="#aboutMe">基本资料</a>
						<a class="nav-off" href="#aboutMe">基本资料</a>
					</li>
					<li>
						<a class="nav-on" href="#MyWorks">项目经验</a>
						<a class="nav-off" href="#MyWorks">项目经验</a>
					</li>
					<li>
						<a class="nav-on" href="#Professional">专业技能</a>
						<a class="nav-off" href="#Professional">专业技能</a>
					</li>
					<li>
						<a class="nav-on" href="#Job">工作经历</a>
						<a class="nav-off" href="#Job">工作经历</a>
					</li>
					<li>
						<a class="nav-on" href="#Evaluation">自我评价</a>
						<a class="nav-off" href="#Evaluation">自我评价</a>
					</li>
					<li>
						<a class="nav-on" href="#ContactMe">联系方式</a>
						<a class="nav-off" href="#ContactMe">联系方式 </a>
					</li>
				</ul>
			</div>

		</nav>
		<!--首页-->
		<section class="hc-banner" id="banner">
			<ol></ol>
			<ul class="banner">
				<li class="hc-bannerbg" style="background-image: url(img/img/banner01.jpg);">
					<div class="hc-fly">
						<img class="fly-one" src="img/img/我的个人简历大图.png" />
						<div class="fly-two">

						</div>
						<p class="fly-three">欢迎来到我的个人简历首页 请耐心的花几分钟时间来了解我</p>
						<p class="fly-four">創新思維 新穎理念 完美設計</p>
						
					</div>
				</li>
				<li class="hc-bannerbg" style="background-image: url(img/img/banner02.jpg);">
					<div class="hc-fly">
						<img class="fly-one" src="img/img/我的个人简历大图.png" />
						<div class="fly-two">

						</div>
						<p class="fly-three">欢迎来到我的个人简历首页 请耐心的花几分钟时间来了解我</p>
						<p class="fly-four">創新思維 新穎理念 完美設計</p>
						
					</div>
				</li>
			</ul>
<!--			
			 <a class="btn left">&lt;</a> 
 			  <a class="btn right">&gt;</a> -->
		</section>

		<!-- 基本资料 -->
		<div id="aboutMe" class="text-center">
			<div class="container">
				<div class="section-title center">
					<h2 style="font-size: 30px;">基本 资料</h2>
					<hr>
				</div>
				<div class="space"></div>
				<div class="row">
					<div class="col-md-3 col-sm-6 service"> <i class="fa fa-laptop glyphicon glyphicon-sunglasses"></i>
						<h4><strong>个人信息</strong></h4>
						<p>
							英文名: ferje &nbsp;性别：女</br>
							年龄: 27岁 籍贯：广西
						</p>
					</div>
					<div class="col-md-3 col-sm-6 service"> <i class="fa fa-code glyphicon glyphicon-folder-open"></i>
						<h4 sty><strong>专业学历</strong></h4>
						<p>
							专业：平面设计与装潢</br>
							学历：大专</br>

						</p>
					</div>
					<div class="col-md-3 col-sm-6 service"> <i class="fa fa-rocket  glyphicon glyphicon-grain"></i>
						<h4><strong>毕业学校</strong></h4>
						<p>
							毕业学校：广西民族师范学院</br>
							学习技能：设计
						</p>
					</div>
					<div class="col-md-3 col-sm-6 service"> <i class="fa fa-bullseye glyphicon glyphicon-erase"></i>
						<h4><strong>联系方式</strong></h4>
						<p>QQ：853007191</br>
							邮箱：ferje031@126.com</p>
					</div>
				</div>
			</div>
		</div>
		<!-- 项目经验 -->
		<div class="gallery" id="MyWorks">
			<div class="container">
				<div class="section-title center" style="margin-top:10px;">
					<h2 class="text-center" style="font-size: 30px;color:#fff;">项目经验</h2>
					<hr>
					<p style="color:#fff;padding-bottom:20px;" class="text-center">主要涉及电商，金融，家装领域，包括PC端，手机端，微信端，移动APP端等等，主要技术是HTML+CSS+JS</p>
				</div>

				<div class="gallery-bottom">
					<div class="col-md-4 bottom-gallery">
						<a href="images/g1.jpg" rel="title" class="b-link-stripe b-animate-go  thickbox">
							<img class="img-responsive" src="images/g1.jpg" />
							<div class="b-wrapper">
								<h3 class="b-animate b-from-left    b-delay03 "> </h3>
							</div>
						</a>
					</div>
					<div class="col-md-4 bottom-gallery">
						<a href="images/g2.jpg" rel="title" class="b-link-stripe b-animate-go  thickbox">
							<img class="img-responsive" src="images/g2.jpg" />
							<div class="b-wrapper">
								<h3 class="b-animate b-from-left    b-delay03 "> </h3>
							</div>
						</a>
					</div>
					<div class="col-md-4 bottom-gallery">
						<a href="images/g3.jpg" rel="title" class="b-link-stripe b-animate-go  thickbox">
							<img class="img-responsive" src="images/g3.jpg" />
							<div class="b-wrapper">
								<h3 class="b-animate b-from-left    b-delay03 "> </h3>
							</div>
						</a>
					</div>
					<div class="col-md-4 bottom-gallery">
						<a href="images/g4.jpg" rel="title" class="b-link-stripe b-animate-go  thickbox">
							<img class="img-responsive" src="images/g4.jpg" />
							<div class="b-wrapper">
								<h3 class="b-animate b-from-left    b-delay03 "> </h3>
							</div>
						</a>
					</div>
					<div class="col-md-4 bottom-gallery">
						<a href="images/g5.jpg" rel="title" class="b-link-stripe b-animate-go  thickbox">
							<img class="img-responsive" src="images/g5.jpg" />
							<div class="b-wrapper">
								<h3 class="b-animate b-from-left    b-delay03 "> </h3>
							</div>
						</a>
					</div>
					<div class="col-md-4 bottom-gallery">
						<a href="images/g6.jpg" rel="title" class="b-link-stripe b-animate-go  thickbox">
							<img class="img-responsive" src="images/g6.jpg" />
							<div class="b-wrapper">
								<h3 class="b-animate b-from-left    b-delay03 "> </h3>
							</div>
						</a>
					</div>
					<div class="clearfix"> </div>
				</div>

			</div>
		</div>

		<!-- 专业技能 -->
		<div id="Professional">
			<div class="container">
				<div class="section-title text-center center">
					<h2 style="font-size:30px">专业技能</h2>
					<hr>
				</div>
				<div class="row">
					<div class="col-md-6"> <img src="img/about.png" class="img-responsive"> </div>
					<div class="col-md-6">
						<div class="about-text">
							<i class="fa fa-users glyphicon glyphicon-asterisk"></i>
							<div class="padding-left">
								<p> 开发工具（Sublime、WebStorm、Eclipse）</p>
							</div>
							<i class="fa fa-magic glyphicon glyphicon-cog"></i>
							<div class="padding-left">
								<p>熟悉W3C标准，熟练使用html+div+css页面架构和布局，对WEB标准和语义化标签 有一定的理解及能够编程写出兼容浏览器的页面 </p>
							</div>
							<i class="fa fa-check-square-o glyphicon glyphicon-play-circle"></i>
							<div class="padding-left">
								<p>掌握HTML/HTML5、CSS/CSS3、JavaScript、Sass、Less等web前端开发技术,能够编程写出兼容浏览器的页面</p>
							</div>
							<i class="fa fa-check-square-o glyphicon glyphicon-edit"></i>
							<div class="padding-left">
								<p>熟悉BootStrap、Jquery ui、Animate等框架,能够开发出适配这种手机的响应式布局页面</p>
							</div>
							<i class="fa fa-check-square-o glyphicon glyphicon-play"></i>
							<div class="padding-left">
								<p>熟练使用PhotoShop、CDR、AI进行切图和图片修改</p>
							</div>
							<i class="fa fa-check-square-o glyphicon glyphicon-ok-circle"></i>
							<div class="padding-left">
								<p>熟悉Ajax,用于进行和后台做交互，拿到后台数据接口进行解析</p>
							</div>
							<i class="fa fa-check-square-o glyphicon glyphicon-question-sign"></i>
							<div class="padding-left">
								<p>在不断的去了解Node、Angular等市场主流的框架以及微信小程序，响应市场需求</p>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>

		<!-- 人生经历 -->
		<div id="Job" class="text-center">
			<div class="container">
				<div class="section-title center">
					<h2 style="font-size:30px;">人生经历</h2>
					<hr>
					<p>热爱互联网，热爱技术，专注于前端技术开发和用户体验</p>
				</div>
				<div id="row">

					<div class="col-md-3 col-sm-6">
						<div class="thumbnail"> <img src="img/team/02.jpg" alt="广西民族师范学院" class="img-circle team-img">
							<div class="caption">
								<h3 style="padding:3px 0;font-size:18px;">广西民族师范学院</h3>
								<p>平面设计与装潢</p>
								<p>平面构成,色彩构成,图案造型,字体设计,标志设计,户外广告设计,POP广告设计,结构设计,电气设计 </p>
							</div>
						</div>
					</div>

					<div class="col-md-3 col-sm-6">
						<div class="thumbnail"> <img src="img/team/01.jpg" alt="杭州归谷培训中心" class="img-circle team-img">
							<div class="caption">
								<h3 style="padding:3px 0;font-size:18px;">通普科技有限公司</h3>
								<p>平面设计</p>
								<p>主要负责整个公司的产品拍照、图片处理、图片设计及上传、网站维
									护、画册设计、宣传资料设计、客户OEM设计、产品丝印及各展会
									相关信息设计。</p>
							</div>
						</div>
					</div>



					<div class="col-md-3 col-sm-6">
						<div class="thumbnail"> <img src="img/team/03.jpg" alt="浙大网新" class="img-circle team-img">
							<div class="caption">
								<h3 style="padding:3px 0;font-size:18px;">潭洲教育学院</h3>
								<p>学习前端知识</p>
								<p>HTML+CSS、Javascript、代码规范教程、前端切图教程、Jquery 、HTML5 、CSS3 、Ajax</p>
							</div>
						</div>
					</div>
					<div class="col-md-3 col-sm-6">
						<div class="thumbnail"> <img src="img/team/04.jpg" alt="欧工国际" class="img-circle team-img">
							<div class="caption">
								<h3 style="padding:3px 0;font-size:18px;">毛毛匠科技</h3>
								<p>前端工程师</p>
								<p>工作时间：2015.12-2017.2，主要从事欧工商城的前端页面开发，和用threejs引擎做网页3d效果包括移动端3d效果</p>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- 自我评价-->
		<div id="Evaluation" class="text-center">
			<div class="container">
				<div class="section-title center">
					<h2 style="font-size:30px;">自我评价</h2>
					<hr>
				</div>
				<div class="row">
					<div class="col-md-8 col-md-offset-2">
						<div id="testimonial" class="owl-carousel owl-theme">
							<div class="item">
								<p>
									能适应加班，工作踏实，不喜欢随意跳槽</br>关注前端领域，喜欢尝试新技术，对编程有浓厚的兴趣；工作积极主动、团队意识强，能按时完成任务.。
								</p>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>

		<!--  联系方式 -->
		<div id="ContactMe" class="text-center">
			<div class="container">
				<div class="section-title center">
					<h2 style="font-size:30px;">联系</strong> 方式</h2>
					<hr>
				</div>
				<div class="col-md-8 col-md-offset-2">
					<div class="col-md-4"> <i class="fa fa-map-marker fa-2x"></i>
						<p>深圳市宝安区</p>
					</div>
					<div class="col-md-4"> <i class="fa fa-envelope-o fa-2x"></i>
						<p>ferje031@126.com</p>
					</div>
					<div class="col-md-4"> <i class="fa fa-phone fa-2x"></i>
						<p>18207672397</p>
					</div>
					<hr>
					<div class="clearfix"></div>
				</div>
				<div class="col-md-8 col-md-offset-2">
					<hr>
					<h3>给我发邮件</h3>
					<form name="sentMessage" id="contactForm" novalidate>
						<div class="row">
							<div class="col-md-6">
								<div class="form-group">
									<input type="text" id="name" class="form-control" placeholder="姓名" required="required">
									<p class="help-block text-danger"></p>
								</div>
							</div>
							<div class="col-md-6">
								<div class="form-group">
									<input type="email" id="email" class="form-control" placeholder="邮箱" required="required">
									<p class="help-block text-danger"></p>
								</div>
							</div>
						</div>
						<div class="form-group">
							<textarea name="message" id="message" class="form-control" rows="4" placeholder="内容" required></textarea>
							<p class="help-block text-danger"></p>
						</div>
						<div id="success"></div>
						<button type="submit" class="btn btn-default">确认发送</button>
					</form>
				</div>
			</div>
		</div>
		</div>
		<!--底部版权 -->
		<nav id="footer">
			<div class="container">
				<div class="fnav text-center">
					<p>Copyright &copy; 2017作者：黄凤珍. 前端工程师
				</div>
			</div>
		</nav>

		<!--<div class="btnlist">
			<ul class="side_nav">
				<li><a class="scroll" href="#banner"></a></li>
				<li><a class="scroll" href="#aboutMe"></a></li>
				<li><a class="scroll" href="#MyWorks"></a></li>
				<li><a class="scroll" href="#Professional"></a></li>
				<li><a class="scroll" href="#Job"></a></li>
				<li><a class="scroll" href="#Evaluation"></a></li>
				<li><a class="scroll" href="#ContactMe"></a></li>
			</ul>
		</div>-->
</body>

</html>